.kjBg{min-height: 100vh; background-color: #f4f5fa;}
.banner{}
.banner image,.spIntro image{display: block; width: 100%;}

.spIntro{padding-bottom: 130rpx;}
.spDetail{padding: 20rpx 25rpx; background-color: #fff; border-radius: 10rpx; margin: 30rpx 0; box-shadow: 0 0 10rpx rgba(0,0,0,.2);  background: url('https://www.baixuemianshi.com/zhuanti/23sydw_xbn_zwpp/images/logo.png'); background-repeat: repeat;}
.spDetail .banner{margin-bottom: 30rpx;}
.spDetail h2{font-size: 30rpx; line-height: 1.6;  color: #d9232f; font-weight: bold;}
.spDetail .price{display: flex; align-items: center; font-size: 28rpx; margin-bottom: 20rpx;}
.spDetail .price strong{font-weight: bold;}
.spDetail .price span{text-decoration: line-through;}
.spInfo .flexBox{display: flex; align-items: center;}
.spDetail .text{font-size: 28rpx; margin-top: 20rpx; color: #555;}
.spDetail .item{}
.spDetail .item + .item{margin-top: 20rpx;}
.spDetail .item .label{font-size: 28rpx; font-weight: bold; margin-bottom: 10rpx;}
.spDetail .item .detail{font-size: 26rpx; line-height: 1.8;  color: #555;}
.spDetail .btnBox{margin-top: 30rpx;}

.fixBottom{position: fixed; bottom: 0; left: 0; width: 100%; background-color: #fff; padding: 30rpx 0; z-index: 100; box-shadow: 0 -5rpx 10rpx rgba(0,0,0,.2);}
.fixBottom .flexBox{display: flex; justify-content: space-between; align-items: center; padding: 0 25rpx ;}
.fixBottom .price{width: 65%; font-size: 28rpx; font-weight: bold;  color: #d9232f;}
.fixBottom .btnBox{width: 25%; margin-left: 15rpx;}
.fixBottom .flexBox .btn{width: 48%;}

.empty{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.empty .emptyImg{display: block; width: 70%; margin: 0 auto;}
.empty h3{text-align: center; font-size: 30rpx; font-weight: bold; margin: 20rpx 0;}


.ptList{}
.ptList h3{}
.ptList .item{padding: 20rpx 0; margin-bottom: 20rpx; border-bottom: 1px solid #999;}
.ptList .item .creator{}
.ptList .item .creator .flex{display: flex; align-items: center; justify-content: space-between;}
.ptList .item .creator .flex .avainfo{width: 80rpx; height: 80rpx; }
.ptList .item .creator .flex .avainfo image{display: block; width: 100%; border-radius: 50%;}
.ptList .item .creator .flex .nickInfo{width: 380rpx; font-size: 28rpx; margin-left: 20rpx; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.ptList .item .creator .detailInfo{display: flex; align-items: center; padding-top: 20rpx; margin-top: 20rpx; border-top: 1px dotted #ccc;}
.ptList .item .creator .detailInfo .time{font-size: 26rpx; color: #555;}
.ptList .item .creator .detailInfo .tag{ float: left; margin-right: 20rpx;}

.loadMore{padding: 25rpx 0; text-align: center; font-size: 30rpx; font-weight: bold;}

.tuanInfo{display: flex; justify-content: space-between; align-items: center; margin-bottom: 30rpx; padding: 25rpx 20rpx; border-radius: 10rpx; background-color: rgba(255,255,255,.5);}
.tuanInfo .l{width: 42%; display: flex; flex-direction: row-reverse; justify-content: flex-start; align-items: center;}
.tuanInfo .r{width: 42%; display: flex; justify-content: flex-start; align-items: center;}
.tuanInfo .t{width: 50rpx; height: 50rpx; line-height: 50rpx; margin: 0 1%; text-align: center; font-weight: bold; color: #fff; background-color: #d9232f; border-radius: 50%;}
.tuanInfo .avainfo{flex-shrink: 0; width: 80rpx; height: 80rpx; }
.tuanInfo .avainfo image{display: block; width: 100%; border-radius: 50%;}
.tuanInfo .nickInfo{max-width: 160rpx; font-size: 28rpx; margin: 0 20rpx; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.mgbt100{margin-bottom: 140rpx;}